<template>
	<view>
		<view class="detail-title">标题</view>
		<view class="detail-content">
			<button @click="open">打开弹窗</button>
			<uni-popup ref="popup" type="bottom">
				<view class="lag-content">
					<view class="lag-left">左边</view>
					<view class="lag-right">右边</view>
				</view>
				</uni-popup>
		</view>
		<view class="detail-bottom">评论栏</view>
	</view>
</template>

<script>
	export default {
		onLoad(query) {
			// console.log(JSON.parse(query.params))
		},
		data() {
			return {

			}
		},
		methods: {
			open() {
				// 通过组件定义的ref调用uni-popup方法
				this.$refs.popup.open()
			}
		}
	}
</script>

<style lang="scss">
	.detail-content {
		height: 1000rpx;
		display: flex;
		border: red 1px solid;
		padding-bottom: 54px;
	}
	.detail-bottom {
		position: flex;
	}
	.lag-content{
		width: 100%;
		height: 300px;
		background-color: #FFFFFF;
		display: flex;
		justify-content: space-between;
		.lag-left{
			margin-left: 10px;
		}
		.lag-right{
			margin-right: 10px;
		}
	}
</style>
